/*
  学习目标：列表渲染- 数组渲染 - v-for
  列表渲染:  数组的map方法, 返回一个jsx数组
  key的作用: 类似v-for中的key, 提高diff算法更新效率
  口诀: 有id用id, 无id用index
 
*/

import React from 'react';
import ReactDOM from 'react-dom';

const list = ['温柔', '倔强', '私奔到月球'];

const list3 = list.map((item, index) => {
  return <li key={index}>{item}</li>;
});

const divNode = (
  <div>
    <ul>{list3}</ul>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
